<!DOCTYPE html>
 <html lang="en" class="no-js"> 
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>主页</title>
<meta name="description" content="">
<meta name="keywords" content="n">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="../static/css/font-awesome.min.css">

<link rel="stylesheet" href="../static/css/jquery.fancybox.css">

<link rel="stylesheet" href="../static/css/bootstrap.min.css">

<link rel="stylesheet" href="../static/css/owl.carousel.css">

<link rel="stylesheet" href="../static/css/slit-slider.css">

<link rel="stylesheet" href="../static/css/animate.css">

<link rel="stylesheet" href="../static/css/main.css">

<script src="../static/js/modernizr-2.6.2.min.js"></script>

</head>

<body id="body">


<div id="preloader">
	<div class="loder-box">
		<div class="battery"></div>
	</div>
</div>

<header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
	<div class="container">
		<div class="navbar-header">
		
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		
			
			
			<h1 class="navbar-brand">
				<svg t="1640601598880" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2421" width="20" height="20"><path d="M366.635375 495.627875c8.93024999-1.488375 17.8605-2.480625 26.79075-2.48062499h-7.44187499 241.61287499c10.418625 0 20.341125-1.488375 30.26362501-3.969 44.65124999-12.403125 77.3955-52.093125 77.3955-101.20950002V185.053625c0-57.5505-49.116375-101.2095-107.65912501-110.63587501-37.209375-5.9535-91.287-8.93024999-128.00025-8.93024999-36.71325001 0-71.938125 3.472875-103.194 8.93024999C305.115875 90.29374999 288.74374999 123.534125 288.74374999 185.053625v66.48075h223.25625001V288.74374999H216.3095C133.456625 288.74374999 65.983625 387.96874999 65.4875 510.0155v1.9845c0 22.325625 1.9845 43.659 6.449625 63.504C90.29374999 667.78325001 147.84424999 735.25625001 216.3095 735.25625001h35.224875v-106.66687501c0-62.51174999 46.63574999-120.558375 115.101-132.9615z m23.814-283.7835c-22.325625 0-40.68225001-18.356625-40.18612499-40.68225 0-22.325625 17.8605-40.68225001 40.18612499-40.68225s40.68225001 18.356625 40.68225 40.68225c-0.496125 22.82175001-18.356625 40.68225001-40.68225 40.68225z" fill="#0075AA" p-id="2422"></path><path d="M949.086125 434.108375C927.75275001 349.271 872.682875 288.74374999 807.6905 288.74374999h-35.224875v94.75987501c0 78.883875-51.597 135.93825001-115.101 145.86075-6.449625 0.99224999-12.89925001 1.488375-19.34887499 1.48837501H396.402875c-10.418625 0-20.341125 1.488375-30.26362499 3.969-44.65124999 11.907-77.3955 48.62025001-77.3955 96.74437499V834.48125001c0 57.5505 58.046625 91.783125 115.10099998 108.15524999 67.969125 19.845 142.387875 23.317875 224.24850002 0 54.077625-15.379875 107.163-46.63574999 107.16299998-108.15525001v-61.5195h-223.25624999V735.25625001h295.6905c58.54275001 0 109.643625-49.6125 134.449875-122.04675001 10.418625-30.263625 16.372125-64.49625001 16.372125-101.2095 0-27.286875-3.472875-53.5815-9.426375-77.891625z m-316.52775 372.58987501c22.325625 0 40.186125 18.356625 40.186125 40.68224999 0 22.325625-18.356625 40.68225001-40.186125 40.68225001-22.325625 0-40.68225001-18.356625-40.68225-40.68225001 0.496125-22.325625 18.356625-40.68225001 40.68225-40.68225001z" fill="#FFD400" p-id="2423"></path></svg>
				<a href="#body">python</a>
			</h1>
			
		</div>

	
		<nav class="collapse navbar-collapse navbar-right" role="navigation">
			<ul id="nav" class="nav navbar-nav">
				<li><a href="#body">主页</a></li>
				<li><a href="#portfolio">名字全称</a></li>
				<li><a href="#testimonials">字频统计</a></li>
				<li><a href="#price">课表&购物车</a></li>
			</ul>
		</nav>
		
		
	</div>
</header>

<main class="site-content" role="main">



<section id="home-slider">
	<div id="slider" class="sl-slider-wrapper">

		<div class="sl-slider">
		
			<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">

				<div class="bg-img bg-img-1"></div>

				<div class="slide-caption">
					<div class="caption-content">
						<h2 class="animated fadeInDown">Python期末</h2>
						<span class="animated fadeInDown">一个值得掉发的项目</span>
						<a href="/login" class="btn btn-blue btn-effect">join us</a>
					</div>
				</div>
				
			</div>
			
			<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
			
				<div class="bg-img bg-img-2"></div>
				<div class="slide-caption">
					<div class="caption-content">
						<h2>Python期末，冲冲冲</h2>
						<span>不能使我秃头的，终将使我的头发掉的更快</span>
						<a href="/login.html" class="btn btn-blue btn-effect">join us</a>
					</div>
				</div>
				
			</div>
			
			<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
				
				<div class="bg-img bg-img-3"></div>
				<div class="slide-caption">
					<div class="caption-content">
						<h2>python日常</h2>
						<span>今天的20行代码，你敲了吗！</span>
						<a href="/login.html" class="btn btn-blue btn-effect">join us</a>
					</div>
				</div>

			</div>

		</div>

		
		
		<nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg">
			<a href="javascript:" class="sl-prev">
                <svg t="1641110556696" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9739" width="50" height="60"><path d="M316.38144 528.85504l357.52832 357.52832c9.30816 9.30688 24.40064 9.30688 33.7088 0 9.30688-9.30816 9.30688-24.40064 0-33.7088L366.944 512l340.67456-340.67456c9.30688-9.30688 9.30688-24.40064 0-33.7088-4.65536-4.65536-10.75328-6.98112-16.85376-6.98112-6.10176 0-12.19968 2.32576-16.85504 6.98112l-357.52832 357.5296C307.07328 504.4544 307.07328 519.5456 316.38144 528.85504z" p-id="9740" fill="#ffffff"></path></svg>

			</a>
			<a href="javascript:" class="sl-next">
                <svg t="1641110617421" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10640" width="50" height="60"><path d="M763.91445 527.106046l0.008186-0.015349a31.67542 31.67542 0 0 0 1.319042-2.706645l0.051165-0.112564c0.183172-0.429789 0.354064-0.865717 0.51984-1.305739 0.019443-0.053212 0.042979-0.104377 0.062422-0.157589 0.154519-0.418532 0.295735-0.842181 0.432858-1.2689 0.024559-0.076748 0.053212-0.152473 0.077771-0.230244 0.128937-0.413416 0.245593-0.831948 0.359181-1.252526 0.024559-0.092098 0.054235-0.183172 0.077771-0.27527 0.103354-0.398066 0.192382-0.801249 0.280386-1.205454 0.025583-0.118704 0.057305-0.23536 0.081865-0.354064 0.078795-0.381693 0.143263-0.769526 0.207731-1.156336 0.024559-0.143263 0.054235-0.285502 0.076748-0.428766 0.058328-0.3776 0.101307-0.759293 0.146333-1.140986 0.01842-0.156566 0.042979-0.311085 0.059351-0.467651 0.039909-0.394996 0.065492-0.793062 0.091075-1.192152 0.00921-0.147356 0.025583-0.292666 0.033769-0.440021a32.772404 32.772404 0 0 0 0-3.305279c-0.007163-0.147356-0.023536-0.292666-0.033769-0.440022-0.025583-0.399089-0.051165-0.797156-0.091075-1.192152-0.016373-0.157589-0.040932-0.311085-0.059351-0.467651-0.045025-0.381693-0.088004-0.763386-0.146333-1.140986-0.022513-0.144286-0.052189-0.285502-0.076748-0.428765a33.301454 33.301454 0 0 0-0.207731-1.156336c-0.024559-0.118704-0.056282-0.23536-0.081865-0.354064a33.276894 33.276894 0 0 0-0.280386-1.205455c-0.023536-0.093121-0.053212-0.183172-0.077771-0.275269-0.112564-0.420579-0.229221-0.839111-0.359181-1.252527-0.024559-0.077771-0.053212-0.152473-0.077771-0.230244a31.360242 31.360242 0 0 0-0.432858-1.2689c-0.019443-0.053212-0.041956-0.104377-0.062422-0.157589a30.668487 30.668487 0 0 0-0.51984-1.305739l-0.051165-0.112563a31.843242 31.843242 0 0 0-0.62831-1.370207c-0.220011-0.451278-0.450255-0.89744-0.690732-1.336438l-0.008186-0.01535a32.075533 32.075533 0 0 0-5.578042-7.384177l0.022513-0.022513-383.934253-351.62029c-5.78782-5.791913-13.785981-9.374508-22.621207-9.374508-17.662265 0-31.980365 14.3181-31.980365 31.980366 0 8.834202 3.582595 16.832364 9.373485 22.620183l359.807762 329.170998-359.806739 329.158719c-5.79089 5.78782-9.373485 13.784958-9.373485 22.620183 0 17.662265 14.3181 31.980365 31.980366 31.980366 8.835226 0 16.833387-3.582595 22.621206-9.374509l383.934253-351.620289-0.022513-0.022513a32.133861 32.133861 0 0 0 5.577019-7.386224z" p-id="10641" fill="#ffffff"></path></svg>
			</a>
		</nav>
		

		<nav id="nav-dots" class="nav-dots visible-xs visible-sm hidden-md hidden-lg">
			<span class="nav-dot-current"></span>
			<span></span>
			<span></span>
		</nav>

	</div>
</section>

	<section id="about" >
		<div class="container">
			<div class="row">
				<div class="col-md-4 wow animated fadeInLeft">
					<div class="recent-works">
						<h3>python期末要求</h3>
						<div id="works">
							<div class="work-item">
								<p align="left">项目一：名字全称</p>
								<br>
								<p align="left">项目二：元音字母字频统计</p>
								<br>
								<p align="left">项目三：购物车</p>
								<br>
								<p align="left">/or项目三：课表查询</p>
							</div>

						</div>
					</div>
				</div>
				<div class="col-md-7 col-md-offset-1 wow animated fadeInRight">
						<h3>操作讲解</h3>
							<p>’join us‘ 放的是登录按钮</p>
							<p>导航栏点击可以滑动到主页的功能区</p>
							<p>登录的界面，登录的是课表和购物车（课表优先）</p>
                            <p>如果登录不了刷新多点两次，没有设置密码</p>
						<a href="https://gitee.com/guo-junbin/dashboard/projects" class="btn btn-border btn-effect pull-right" target="_blank">关于我的gitee</a>
				</div>
			</div>
		</div>
	</section>



	<section id="portfolio" class="parallax">
		<div class="container">
			<div class="row">
				<div class="sec-title text-center wow animated fadeInDown">
					<h2>名字全称</h2>
                    <h3 style="color: black">请输入您的名字</h3>
<!--					在这里加入功能“名字全称”-->
                    <div class="modal-dialog" role="document">
                         <div class="modal-content rounded-6 shadow">
                         <div class="modal-body p-5">
                         <div class="sec-title text-center white wow animated fadeInDown">
                        <main class="form-signin">
                          <form method="post" action="/result_name">

                            <div class="form-floating">
                            <br>
                                <br>
                              <input type="text" class="form-control" id="firstname" name="firstname" placeholder="请输入您的姓氏">
                              <label for="floatingInput">First name</label>
                            </div>
                            <div class="form-floating">
                              <input type="text" class="form-control" id="lastname" name="lastname" placeholder="请输入您的名字">
                              <label for="floatingPassword">Last name</label>
                            </div>

                            <div class="checkbox mb-3">

                            </div>
                            <button class="w-100 btn btn-lg btn-primary rounded-4" type="submit">查询</button>
                          </form>
                        </main>
					<p></p>
                             </div>
                         </div>
                         </div>
                    </div>
                </div>
			</div>
		</div>
	</section>




 	<section id="testimonials" class="parallax">
        <div class="overlay">
            <div class="container">
                <div class="row">

					<div class="sec-title text-center white wow animated fadeInDown">
						<h2>字频统计</h2>
                        <h3 style="color: white">请输入 Vowels & Word</h3>
        <div class="modal-dialog" role="document">
        <div class="modal-content rounded-6 shadow">
        <div class="modal-body p-5">
            <div class="sec-title text-center white wow animated fadeInDown">
            <form method="post" action="/word_result">

            <div class="form-floating">
                <br>
                <br>
                <br>
              <input type="text" class="form-control" name="vowels" id="vowels"  value="" required="" placeholder="Vowels">
              <label for="vowels">Vowels</label>

            </div>
            <br>
            <div class="form-floating">
              <input type="text" class="form-control" name="word" id="word"  value="" required="" placeholder="Word">
              <label for="word">Word</label>
            </div>
            <div class="checkbox mb-5"></div>
            <button class="w-100 btn btn-lg btn-primary" type="submit" input type="submit">提交</button>
          </form>
            </div>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
        </div>
	</section>



	<section id="price">
		<div class="container">
			<div class="row">
			
				<div class="sec-title text-center wow animated fadeInDown">
					<h2>课表查询</h2>
					<p>查询课表请先登录</p>
				</div>

				<div class="col-md-4 wow animated fadeInUp">
					<div class="price-table text-center">
						<span>课表</span>
						<div class="value">
							<span>¥</span>
							<span>0</span><br>
							<span>月</span>
						</div>
						<ul>
							<li>账号登录</li>
							<li>上课查询</li>
							<li>课表总览</li>
							<li>尊享服务</li>
							<li><a href="/login">登录</a></li>
						</ul>
					</div>
				</div>

				<div class="col-md-4 wow animated fadeInUp" data-wow-delay="0.4s">
					<div class="price-table featured text-center">
						<span>主页</span>
						<div class="value">
							<span>¥</span>
							<span>0</span><br>
							<span>首月</span>
						</div>
						<ul>
							<li>名字全称</li>
							<li>字频统计</li>
							<li>课表查询</li>
							<li>购物车</li>
							<li><a href="/">体验</a></li>
						</ul>
					</div>
				</div>

				<div class="col-md-4 wow animated fadeInUp" data-wow-delay="0.8s">
					<div class="price-table text-center">
						<span>购物车</span>
						<div class="value">
							<span>¥</span>
							<span>0</span><br>
							<span>月</span>
						</div>
						<ul>
							<li>购票</li>
							<li>电影了解</li>
							<li>热门电影</li>
							<li>无</li>
							<li><a href="/login">登录</a></li>
						</ul>
					</div>
				</div>

			</div>
		</div>
	</section>
	


</main>

<footer id="footer">
	<div class="container">
		<div class="row text-center">
			<div class="footer-content">
				<div class="wow animated fadeInDown">
					<p>2022，愿我们还自己一份天真</p>
					<p>还生命一段平和，保持一段简单快乐的心</p>
				</div>
				<form action="#" method="post" class="subscribe-form wow animated fadeInUp">
					<div class="input-field">
						<input type="email" class="subscribe form-control" placeholder="给我留个言吧">
						<button type="submit" class="submit-icon" href="/">
							<svg t="1641110975271" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17571" data-spm-anchor-id="a313x.7781069.0.i43" width="20" height="20"><path d="M256.756735 800.570301l-22.404266-245.563812L76.893274 420.041612l870.213451-196.611913-426.115957 557.220924-124.891452-93.675496L256.756735 800.570301zM127.250172 432.53618l129.432885 110.940718 19.288299 211.386408 119.524211-97.439216 121.014144 90.753957 373.087207-487.887836L127.250172 432.53618z" p-id="17572" data-spm-anchor-id="a313x.7781069.0.i41" class="selected" fill="#e6e6e6"></path><path d="M270.793426 788.057313l-38.134529-245.73982 680.855756-311.048245 11.136641 20.380166L343.537194 625.470331 270.793426 788.057313zM258.377652 556.165896l23.341614 150.450571 43.38716-96.983845 2.916423-1.870604L775.434831 319.953056 258.377652 556.165896z" p-id="17573" data-spm-anchor-id="a313x.7781069.0.i42" class="selected" fill="#e6e6e6"></path><path d="M342.053029 608.858551l61.47692 54.649807-15.474174 17.407282-61.47692-54.649807 15.474174-17.407282Z" p-id="17574" data-spm-anchor-id="a313x.7781069.0.i44" class="selected" fill="#e6e6e6"></path></svg>
						</button>
					</div>
				</form>
				<div class="footer-social">
				</div>
			</div>
		</div>
	</div>
</footer>

<script src="../static/js/jquery-1.11.1.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>

<script src="../static/js/jquery.singlePageNav.min.js"></script>

<script src="../static/js/jquery.fancybox.pack.js"></script>


<script src="../static/js/owl.carousel.min.js"></script>

<script src="../static/js/jquery.easing.min.js"></script>

<script src="../static/js/jquery.slitslider.js"></script>
<script src="../static/js/jquery.ba-cond.min.js"></script>

<script src="../static/js/wow.min.js"></script>

<script src="../static/js/main.js"></script>
</body>
</html>
